<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/12/13
  Time: 8:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录页面</title>
    <!-- TODO:引入样式 css样式 -->
    <!-- 在线地址 -->
    <!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
    <!-- 本地地址 -->
    <link rel="stylesheet" href="./element-ui/lib/theme-chalk/index.css">

    <!-- TODO:引入vue的js文件(放在element组件的上面引入) -->
    <script src="./js/vue.js"></script>
    <!-- TODO:引入axios的js文件(放在element组件的上面引入) -->
    <script src="./js/axios-0.18.0.js"></script>
    <!-- TODO:引入组件库 -->
    <!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
    <script src="./element-ui/lib/index.js"></script>
</head>
<body>
<h1>用户登录</h1>
<span style="color: red">${msg}</span>
<form action="login" method="post">
    姓名：<input type="text" name="username" value="${cookie.username.value}"/><br/>
    密码：<input type="password" name="password"/><br/>
    验证码:<input type="text" name="checkCode"><br>
    <img src="checkcode" id="code"><a href="javascript:;" onclick="changeCheckCode()">换一换</a><br>
    记住账号<INPUT type="checkbox" name="remember"><br>
    <input type="submit" value="登录"/>
</form>
<el-row>
    <el-button plain>朴素按钮</el-button>
    <el-button type="primary" plain>主要按钮</el-button>
    <el-button type="success" plain>成功按钮</el-button>
    <el-button type="info" plain>信息按钮</el-button>
    <el-button type="warning" plain>警告按钮</el-button>
    <el-button type="danger" plain>危险按钮</el-button>
</el-row>
<script>
    function changeCheckCode() {
        document.getElementById("code").setAttribute("src","checkcode?date="+new Date())
    }
</script>
</body>
</html>
